<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/detail.css" />

    <title>大麦详情页</title>
  </head>
  <body>
    <!-- 导航栏 -->
    <div id="nav">
      <ul style="position: relative">
        <div class="left">
          <li><img src="img/n0.png" alt="" /></li>
          <li>
            <img src="img/n1.png" alt="" /><em style="font-style: normal"
              >全国</em
            ><img src="img/n4.png" alt="" />
          </li>
          <li><a href="index.html" class="a1">首页</a></li>
          <li><a href="#" class="a1">分类</a></li>
        </div>
        <div class="right">
          <li>
            <img src="img/n5.png" alt="" />
            <input type="text" placeholder="搜索明星、演出、体育赛事" />
            <input type="button" value="搜索" />
          </li>
          <li class="l1" style="position: relative">
            <img src="img/n2.png" alt="" /><a
              href="login.html"
              target="_blank"
              class="a1"
            >
              登录</a
            >
          </li>
          <li class="download" style="position: relative">
            <img src="img/n3.png" alt="" /><a href="#" class="a1"> 下载</a>
            <div class="down-list">
              <!-- <img style="width: 70px; height: 70px" src="img/ma.jpg" alt="" /> -->
            </div>
            <div class="triangle-one"></div>
          </li>
        </div>
        <!-- <ul class="login-list">
          <a href="" class="a2"><li>个人信息</li></a>
          <a href="" class="a2"><li>账号设置</li></a>
          <a href="" class="a2"><li>订单管理</li></a>
        </ul> -->
        <div class="triangle-two"></div>
      </ul>
    </div>
    <!-- 版心 -->
    <div class="banner-warp">
      <div class="banner">
        <div class="left img">
          <img src="img/C.jpg" alt="" />
        </div>
        <div class="middle">
          <ul>
            <li>
              <span>总票代</span>
              <p class="title" style="margin-left: 10px">
                【上海】「想起。江美琪」2021巡演上海站，aaaaaaaaaaaaaaaaaaaa大麦网
              </p>
            </li>
            <li class="time">时间 : 2021.08.11-09.12</li>
            <li>
              <span class="where">场馆 : 上海市|MAO</span>
              <a href=""><img src="img/detail2.png" alt="" /></a>
            </li>
            <li>
              <img src="img/detail1.png" alt="" />场次时间均为演出当地时间
            </li>
            <li>
              <span>当次</span>
              <p class="time2">2021。。。。。</p>
            </li>
            <li>
              <span>票档</span>
              <p>预售单人票（<em id="price">128</em>.00）</p>
            </li>
            <li>
              <span>数量</span>
              <p>
                <input type="button" value="-" />
                <span><em id="num">1</em> 张</span>
                <input type="button" value="+" />
              </p>
              <i>单笔订单限购6张</i>
            </li>
            <li>
              <span>合计</span>
              <i>￥<em id="add">128</em> .00</i>
              <p>价格明细</p>
            </li>
            <li>
              <input type="button" value="加入购物车" id="btn" />
            </li>
          </ul>
        </div>
        <div class="right">
          <img src="img/detail3.png" alt="" />
        </div>
      </div>
    </div>
    <!-- 尾页 -->
    <div id="footer">
      <ul>
        <li><a href="">帮助中心</a></li>
        <li><a href="">|</a></li>
        <li><a href="">公司介绍</a></li>
        <li><a href="">|</a></li>
        <li><a href="">品牌识别</a></li>
        <li><a href="">|</a></li>
        <li><a href="">公司大事记</a></li>
        <li><a href="">|</a></li>
        <li><a href="">协议及隐私政策</a></li>
        <li><a href="">|</a></li>
        <li><a href="">廉政举报</a></li>
        <li><a href="">|</a></li>
        <li><a href="">联系合作</a></li>
        <li><a href="">|</a></li>
        <li><a href="">招聘信息</a></li>
        <li><a href="">|</a></li>
        <li><a href="">防骗秘籍</a></li>
      </ul>
      <div id="footer-logo">
        <a href=""><img src="img/f1.png" alt="" /></a>
        <a href=""><img src="img/ma.jpg" alt="" /></a>
        <p class="pp">App下载</p>
        <div class="foot">
          <a href=""><input type="button" value="在线客服" /></a>
          <p>
            京ICP证031057号&nbsp;&nbsp;|&nbsp;&nbsp;京ICP备11043884号&nbsp;&nbsp;|&nbsp;&nbsp;京公网安备11010502037341号&nbsp;&nbsp;|&nbsp;&nbsp;广播电视节目制作经营许可证(京)字第02253号<br />
            网络文化经营许可证
            京网文[2019]4082-420号|营业性演出许可证京市演587号<br />
            北京大麦文化传媒发展有限公司 版权所有大麦网Copyright 2003-2020 All
            Rights Reserved<br />
            举报投诉：damai_tousu@member.alibaba.com
            浙江省杭州市余杭区文一西路969号<br />
            违法不良信息举报电话：020-62108294
          </p>
          <p>
            <a href="">
              <img class="f1" src="img/f2.png" alt="" />
              <img class="f2" src="img/f3.png" alt="" />
              <img class="f3" src="img/f4.png" alt="" />
            </a>
          </p>
        </div>
      </div>
    </div>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/detail.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  </body>
</html>
